<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css"  media="all">
    <link rel="import" href="indexs.html" id="page1">
<style>
.setbg{
    background:url("image/timg.jpg") repeat;
    width: 100%;
}
</style>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<script type="text/javascript">
    document.write(page1.import.body.innerHTML);
</script>
<div class="setbg" style="background-color: #00F7DE;height: 180px;width: 100%;position: absolute;float: left;" id="showStudent">
    <!--<div class="layui-inline"style="bottom: 0;position: absolute;margin-bottom: 6px;margin-left: 15px;float: left">
        <img src="image/71843cbde75bb01b4290011d457552fd.jpg" class="layui-circle" style="width: 60px;height: 60px;">
    </div>
    <div style="height: 80px;width: 95%;background-color: silver;right:0;bottom: 0;position: absolute;">
        <div style="height: 30px;width: 100%;background-color: #00F7DE;float: left">

        </div>
        <div style="height: 30px;width: 100%;background-color: #2E2D3C;float: left;margin-top: 13px">

        </div>
    </div>-->
</div>


<script src="layui/layui.js" charset="utf-8"></script>
<script src="js/jquery.min.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    $(function () {
        $.ajax({
            url:"Mydata/showData",
            data:{
                sId:1
            },
            success:function (data) {
                var content="";
                for (var i =0; i < data.length; i++){
                    content+='<div class="layui-inline"style="bottom: 0;position: absolute;margin-bottom: 6px;margin-left: 40px;float: left">\n' +
                        '        <img src="image/71843cbde75bb01b4290011d457552fd.jpg" class="layui-circle" style="width: 60px;height: 60px;">\n' +
                        '    </div>\n' +
                        '    <div style="height: 80px;width: 95%;right:0;bottom: 0;position: absolute;">\n' +
                        '        <div style="height: 30px;width: 80%;float: left;margin-left: 45px;font-size: 25px">\n' +
                        ''+data[i].sName+'\n' +
                        '        </div>\n' +
                        '        <div style="height: 30px;width: 80%;float: left;margin-top: 13px;margin-left: 45px">\n' +
                        ''+data[i].sAddress+'\n' +
                        '        </div>\n' +
                        '    </div>';
                }
                $("#showStudent").html(content);
            }

        })
    })

</script>

</body>
</html>